<style>
	.profile-avatar-container {
        position: relative;
        width: 100px;
        margin: 0 auto;
    }

    .profile-avatar-container .profile-user-img {
        width: 100px;
        height: 100px;
    }

    .profile-avatar-container .profile-avatar-text {
        display: none;
    }

    .profile-avatar-container:hover .profile-avatar-text {
        display: block;
        position: absolute;
        height: 100px;
        width: 100px;
        background: #444;
        opacity: .6;
        color: #fff;
        top: 0;
        left: 0;
        line-height: 100px;
        text-align: center;
    }

    .profile-avatar-container #plupload-avatar {
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        height: 100px;
        opacity: 0;
    }
	[v-cloak] {display: none;}
	.service{
		margin-bottom: 10px;
	}
	.sp_result_area{
		z-index: 10000;
	}
</style>
<div class="row animated fadeInRight">
	<div class="col-md-4">
		<div class="box box-success">
			<div class="panel-heading">
				店铺资料
			</div>
			<div class="panel-body">
				<form id="edit-form" role="form" data-toggle="validator" method="POST" action="">
					<div class="box-body box-profile">
						<div class="profile-avatar-container">
							<img class="profile-user-img img-responsive img-circle plupload" src="{$row.image|cdnurl|htmlentities}" alt="">
							<div class="profile-avatar-text img-circle">{:__('Click to edit')}</div>
							<div id="plupload-avatar" class="plupload" data-input-id="c-avatar"><i class="fa fa-upload"></i> {:__('Upload')}</div>
							<input id="c-avatar" class="form-control" size="50" name="row[image]" type="hidden" value="{$row.image|htmlentities}">
						</div>
						<h3 class="profile-username text-center">{$row.hotel_name|htmlentities}</h3>

						<div class="form-group">
							<label for="hotel_name" class="control-label">{:__('酒店名称')}:</label>
							<input id="c-hotel_name" data-rule="required" class="form-control" name="row[hotel_name]" type="text" value="{$row.hotel_name|htmlentities}">
						</div>
						<div class="form-group">
							<label for="mobile" class="control-label">{:__('客服电话')}:</label>
							<input id="c-mobile" data-rule="required" class="form-control" name="row[mobile]" type="text" value="{$row.mobile|htmlentities}">
						</div>
						<div class="form-group">
							<label for="reception" class="control-label">{:__('酒店前台')}:</label>
							<input id="c-reception" data-rule="required" class="form-control" name="row[reception]" type="text" value="{$row.reception|htmlentities}">
						</div>



						<div class="form-group layer-footer">
							<label class="control-label"></label>
							<button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
							<button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
	<div class="col-md-8">
	    <div class="box box-success">
	    	<!-- <div class="panel-heading">
				未来版本设置为 操作日志 或者加入服务
	    	</div> -->
			<div class="panel-body">
				<form id="edit-form" role="form" data-toggle="validator" method="POST" action="">

					<div class="box-body box-profile">
						<input id="c-shopname" class="form-control" name="row[hotel_name]" type="hidden" value="{$row.hotel_name|htmlentities}">
						<div class="form-group">
							<label class="control-label">详细位置:</label>

								<div class="input-group">
									<div class="input-group-addon">经度</div>
									<input id="c-lng" data-rule="required" class="form-control" name="row[lng]" type="number" value="{$row.lng|htmlentities}">
									<div class="input-group-addon">纬度</div>
									<input id="c-lat" data-rule="required" class="form-control"  name="row[lat]" type="number" value="{$row.lat|htmlentities}">
									<div class="input-group-addon no-border no-padding">
										<span><button type="button" class="btn btn-primary" data-input-id="c-address" data-toggle="addresspicker" data-lat-id="c-lat" data-lng-id="c-lng"><i class="fa fa-map-marker"></i> 选择位置</button></span>
									</div>
								</div>

						</div>
						<div class="form-group">
							<label for="address"  class="control-label">{:__('详细地址')}:</label>
							<input id="c-address" data-rule="required" class="form-control" name="row[address]" type="text" value="{$row.address|htmlentities}">

						</div>
						<div class="form-group">
						    <label for="explain" class="control-label">{:__('预定说明')}:</label>
						    <textarea id="c-explain" data-rule="required" class="form-control editor" rows="5" name="row[explain]" cols="50">{$row.explain|htmlentities}</textarea>
						</div>
						<div class="form-group layer-footer">
							<label for="username" class="control-label"></label>
							<button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
							<button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
